.top-nav{
            width:100%;
            height:28px;
            background-color:#f5f5f5;
        }
        .container{
            width:1170px;
            margin:0px auto;
        }
        .top-container{
            display: flex;
            justify-content: space-between;
        }
        .top-list{
            display: flex;
            justify-content: space-between;
            font-size:13px;
        }
        .top-list li{
            height:28px;
            line-height:28px;
            color:#666;
            position: relative;
        }
        .top-list li a{
            display: inline-block;
            height:100%;
        }
        .top-list>li:hover{
            color:#f10180;
        }
        /*设置共有的箭头*/
        .top-nav .arrow{
            display: inline-block;
            border-width:5px;
            border-color:#666 #f5f5f5 #f5f5f5 #f5f5f5;
            border-style: solid;
            position: relative;
            top:2px;
            left:5px;
            /*transition: all 0.3s linear;*/
        }
          /*当鼠标放上li的上面箭头改变*/
        .top-list li:hover .arrow{
            border-top-color: #f10180;
            transform: rotate(180deg);
        }
        .top-nav .henan{
            position: relative;
            /*top:1px;*/
            width:100px;
            height:29px;
            padding-left:50px;
            /*padding:0px 15px;*/
            border:1px solid #f5f5f5;
            /*border-bottom: none;*/
            font-size:13px;
            line-height:28px;
            z-index: 1000;
        }
        .top-nav .henan:hover .arrow{
            border-top-color: #f10180;
            transform: rotate(180deg);
        }
        .top-nav .henan:hover{
            border:1px solid #ccc;
            border-bottom-width:2px;
            border-bottom-color:red;
        }
        .top-nav .henan:hover .address{
            display: block;
        }
        /*设置隐藏地址的样式*/
        .top-nav .address{
            position:absolute;
            /*top:26px;*/
            top:25px;
            left:-1px;
            z-index: 500;
            padding:10px 15px;
            width:200px;
            height:210px;
            border:1px solid #ccc;
            background-color:white;
            display: none;
        }
        /*当鼠标放上去让address出现*/
        .top-list li:hover .address{
            display: block;
        }
        .log.address li span:hover{
            color:#bd1067;
        }
         .top-list li:hover i{
             opacity: 0;
         }
        .dotted{
            height:1px;
            border:1px dotted #666;
        }
        /*设置请登录样式*/
        .login{
            /*border:1px solid white;  */
            border-width:1px;
            border-style: solid;
            border-color:#f5f5f5;
        }
        .login:hover{
            border-color:#ccc;
        }
        .top-nav .hello{
            display: inline-block;
            width:38px;
            height:38px;
            background-image:url('../img/header.png');
            background-position:-02px -185px; 
        }
        .log hr{
            margin-left:50px;
        }
        .one{
            display: flex;
        }
        .log .two{
            margin-top:15px;
        }
        .two,.three,.four{
            display: flex;
            justify-content: space-between;
        }
        /*设置签到样式*/
        .qiandao:hover ul.address{
            top:29px;
            opacity: 1;
        }
        .qiandao ul.address{
            width:400px;
            height:140px;
            padding:10px 10px;
            position: absolute;
            left:-150px;
            /*top:29px;*/
            top:45px;
            opacity: 0;
            transition:all 0.5s linear;
        }
        .qiandao ul.address li:nth-child(1){
            margin-top:20px;
        }
         .qiandao ul.address li:nth-child(2) span{
             margin-right:53px;
            /*margin-top:-10px;*/
            /*margin-left:px;*/
            /*margin-right:-px;*/
        }
        .address .qiandao-inner{
            display: inline-block;
            width:24px;
            height:16px;
            background-image:url('../img/header.png');
            background-position: -50px -199px;
        }
        .address .hr{
            display: inline-block;
            width:35px;
            height:5px;
            /*border:2px solid black;*/
            position: relative;
            left:-1px;
            top:-10px;
        }
        .sign{
            display: inline-block;
            width: 72px;
            height:24px;
            background-color:#f10180;
            text-align: center;
            line-height:24px;
            border-radius:5px;
            margin-left:50px;
        }
        /*设置我的特卖的样式*/
        .cell{
           border-width:1px;
            border-style: solid;
            border-color:#f5f5f5; 
        }
        .cell:hover{
            border-color:#ccc;
        }
        .address li:hover{
            color:#db0a76;
        }
        .cell>.address{
            height:150px;
            width:120px;
        }
        .cell>.address li:nth-child(2){
            margin-top:-3px;
        }
        /*俱乐部样式*/
        .club{
           border-width:1px;
            border-style: solid;
            border-color:#f5f5f5; 
        }
        .club:hover{
            border-color:#ccc;
        }
        .club li:hover{
            color:#db0a76;
        }
        .club>.address{
            width:108px;
            height:150px;
        }
        .club>.address li:nth-child(2){
            margin-top:-3px;
        }
        /*设置客户服务样式*/
        .serve{
           border-width:1px;
            border-style: solid;
            border-color:#f5f5f5; 
        }
        .serve:hover{
            border-color:#ccc;
        }
        .serve li:hover{
            color:#db0a76;
        }
        .serve>.address{
            width:96px;
            height:160px;
        }
        .serve>.address li:nth-child(2){
            margin-top:-3px;
        }
        /*设置手机版样式*/
        .phone{
           border-width:1px;
            border-style: solid;
            border-color:#f5f5f5; 
           
        }
        .phone:hover{
            border-color:#ccc;
        }
        .phone>.address{
            height:220px;
            text-align: center;
        }
        .phone>.address img{
            width:161px;
        }
        .phone>.address li:nth-child(2){
            margin-top:140px;
            text-align: center;
            padding-left:30px;
            font-weight: 900;
            color:black;
        }
        .moble{
            display: inline-block;
            width:10px;
            height:14px;
            background-image: url('../img/header.png');
            background-position: -100px -150px;
            position: relative;
            top:2px;
        }
        /*设置等多样式*/
        .more{
           border-width:1px;
            border-style: solid;
            border-color:#f5f5f5; 
        }
        .more:hover{
            border-color:#ccc;
        }
        .address li h5 span:hover{
            color:#db0a76;
        }
       .more .address  p span:hover{
           color:#f10180;
       }
        .more>.address{
            width:280px;
            left:-313%;
        }
        h5{
            color:#666;
        }
         .more>.address div p{
             color:#666;
             margin:0px;
             margin-top:-10%;
         }
         .more>.address span{
            margin-right:15px;
         }
         /*设置logo部分*/
         .logo{
             height:100px;
         }
         .logo-container img{
             float:left;
             width:250px;
             height:100px;
         }
         .logo ul{
             float:right;
         }
         .logo ul li{
             float:left;
             margin-left:15px;
         }
         .logo ul li img{
             width:126px;
             height:100px;
         }
         .logo .buy{
             margin-left:55px;
             width:136px;
             height:53px;
             line-height:53px;
             position: relative;
             top:20px;
         }
         .buy .shopping{
             display: inline-block;
             width: 28px;
             height: 28px;
             background-image: url('../img/header.png');
             background-position: 0px -57px;
             position: relative;
             top:7px;
         }
         .buy .zero{
             position: absolute;
             top:0px;
             left:7px;
             display: inline-block;
             width:24px;
             height:16px;
             border-radius:50%;
             background-color:#f10180;
             text-align: center;
             line-height:15px;
             color:white;
         }
    /*设置中间部分的导航*/
    .middle-nav{
        width:100%;
        height:40px;
        background-color:#f10180;
    }
    .middle-nav .container{
        position: relative;
        display: flex;
        justify-content: space-between;
    }
    .middle-nav ul {
        display: flex;
        color:white;
    }
    .middle-nav ul li{
        height:40px;
        line-height:40px;
        padding:0px 20px;
    }
    .first{
        background-color:#bd1067;
    }
    .middle-nav ul:nth-child(1)>li:hover{
        background-color:#db0a76;
    }
     /*.middle-nav ul:nth-child(2)>li:hover{
        background-color:#db0a76;
    }*/
    .middle-nav .arrow{
            border-color:#fff #f10180 #f10180 #f10180;
            background-color:green;
            display: inline-block;
            border-width:5px;
            border-style: solid;
            position: relative;
            top:2px;
            left:5px;
    }
    .middle-nav ul:nth-child(2) span{
        position: relative;
        top:-5px;
        }
    .middle-nav img{
        position: relative;
        top:5px;
        left:-8px;
        border-radius: 5px;
    }
    /*----------------------------*/
    .middle-nav .last:hover ul.more{
        display: inline-block;
    }
    /*设置中间导航里面更多的样式*/
    .middle-nav .more{
        position: absolute;
        top:40px;
        left:14%;
        width:594px;
        height:261px;
        background-color:white;
        padding:15px;
        box-shadow: 0px 0px 1px #999;
        display: none;
        z-index: 999;
    }
    .middle-nav .more li{
        width:170px;
        height:96px;
        float:left;
        margin-right:15px;
         text-align:center;
        border-radius:5px;
        position: relative;
        overflow: hidden;
    }
    /*这是里面的则遮罩层的样式*/
     .middle-nav .more li div{
         position:absolute;
         top:50%;
         left:12px;
         width:170px;
         height:97px;
         line-height:60px;
         /*background-color:black;*/
         background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
         border-radius:5px;
         opacity:0.05;
         color:white;
         font-weight:800;
         transition: all 0.3s linear;
     }
       .middle-nav .more li span{
        position:absolute;
        top:60%;
        left:50%;
        z-index:1000; 
        color:white;  
        transition: all 0.3s linear; 
        font-size:20px;
      }
     /*当鼠标放上去出现遮罩层*/
     .middle-nav .more li:hover div{
        /*display: block;*/
        opacity: 0.5;
        line-height:96px;
        top:5%;
     }
     .middle-nav .more li:hover span{
         top:40%;
     }
    /*设置轮播图部分的样式*/
    .banner{
        width:100%;
        height:520px;
        background-image:url('../img/15009750468002.jpg');
        background-repeat: no-repeat;
        background-position: 43% 0px;
        margin-top:0px;
    }
    .banner-content{
        width:1170px;
        height:452px;
        background-color:white;
        box-shadow: 0px 0px 1px #ccc;
        position: relative;
        top:30px;
        padding:10px;
        overflow: hidden;
    }
    .banner-content .banner-img{
        position: relative;
    }
    .banner-content .banner-img li{
        position: absolute;
        top:0px;
        left:0px;
        display: none;
    }
    .banner-img li.active{
        display: block;
    }
    .banner-img span{
        display: inline-block;
        position: absolute;
        top:200px;
        background-color:rgba(0, 0, 0, 0.2);
        width:36px;
        height:66px;
        z-index: 100;
        font-size:30px;
        line-height:66px;
        text-align:center;
        color:white;
        border-radius:2px;
        opacity: 0;
    }
    .banner-img:hover span{
        opacity: 1;
        transition: all 0.3s linear;
    }
    .banner-img .prev{
        left:-36px;
    }
    .banner-img:hover .prev{
        left:0px;
    }
    .banner-img:hover .next{
        right:4px;
    }
    .banner-img .next{
        right:-40px;
    }

    /*设置指示灯*/
    .indicator{
        /*width:*/
        position: relative;
        top:93%;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .indicator li{
        width:229px;
        height:43px;
        line-height:43px;
        text-align: center;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function:linear;
    }
    /*.indicator li.current{
        border-bottom: 5px solid #bd1067;
    }*/
    .indicator div{
        width:229px;
        height:3px;
        background-color:#bd1067;
        position:absolute;
        bottom:3px;
        left:250px;
        transition: all 0.3s linear;
    }
    /*设置下面的线*/

    /*des部分的图片*/
    .des{
        display: flex;
        justify-content: space-between;
    }
    .des img:hover{
        animation: change 2s linear;
    }
    @keyframes change{
        0%{
            opacity:1;
        }
        50%{
            opacity:0.5;
        }
        100%{
            opacity:1;
        }
    }
    /*设置侧边的样式*/
    .aside{
        width:36px;
        height:945px;
        background-color:#262626;
        position: fixed;
        top:0px;
        right:0px;
        z-index: 1000;
    }
    /*帐号*/
    .aside .zh{
        width:36px;
        height:41px;
        background-image:url('../img/sprite.png');
        background-position: 0px -132px;
        margin-top:240px;
        position: relative;
        /*/*top:30%;*/
    }
    .aside div.zh:hover ul{
        left:-275px;
        transition:all 0.3s linear;
    }
    .zh>ul{
        width:275px;
        height:306px;
        position:absolute;
        /*left:-275px;*/
        left:300px;
        background-color:white;
        z-index: -1000;
    }
    .zh ul li.tx{
        width:100%;
        height:68px;
        text-align:center;
    }
    .zh .tx span{
        display: inline-block;
         width:40px;
         height:40px;
         margin-top:15px;
         background-image:url('../img/header.png');
         background-position:0px -187px;
         /*background-size:600%;*/
    }
    .zh .nihao{
        text-align:center;
        padding:20px 0px;
    }
    .zh .nihao a{
        color:#f10180;
    }
    .zh .dd{
        display: flex;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        background-color:#f8f8f8;
    }
    .dd div:hover span{
        color:#f10180;
    }
    .zh .dd div{
        width:137px;
        height:76px;
        text-align: center;
        font-size:15px;
    }
    .zh .dd div span:nth-of-type(1){
        display: inline-block;
        width:26px;
        height:26px;
        background-image:url('../img/sprite.png');
        margin-top:15px;
    }
    .zh .dd div:nth-of-type(1) span{
        background-position:-200px -92px;
    }
    .zh .dd div:nth-of-type(2) span{
        background-position:-199px -63px;
    }
    .zh .xinxi{
        text-align:right;
        color:slateblue;
        padding:20px 10px 10px 0;
    }
    /*购物*/
     .aside .gw{
         width:36px;
         height: 151px;
         background-color:#f10180;
         /*position: relative;
         top:31%;*/
     }
     .gw span:nth-child(1){
         display: inline-block;
         width:36px;
         height:36px;
         background-image:url('../img/sprite.png');
         background-position: -81px -130px;
     }
     .gw span:nth-child(2){
         display: inline-block;
         width:36px;
         height:36px;
         padding:5px 10px;
     }
     .gw span:nth-child(3){
         display: inline-block;
         width:36px;
         height:36px;
         background-image:url('../img/sprite.png');
         background-position: -15px -190px;
         text-align: center;
         line-height: 40px;
         color:#bd1067;
     }
     /*共有的span样式*/
     .aside div>span:nth-child(1){
        display: inline-block;
        width:36px;
        height:36px;
        background-image:url('../img/sprite.png');
     }
     /*优惠券*/
     .aside .yhq{
         position: relative;
         top:10px;
     }
     .aside .yhq span{
          /*width:36px;*/
        height:30px;
        /*background-image:url('../img/sprite.png');*/
        background-position: -160px -44px;
     }
     .aside p{
         position:absolute;
         width:117px;
         height:36px;
         margin:0px;
         /*right:36px;*/
         right:-100px;
         top:0px;
         box-shadow: 0px 0px 1px #ccc;
         line-height:36px;
         padding-left:20px;
         /*background-color:white;*/
         background-color:#262626;
         z-index: -1000;
        /*background-color:#bd1067;*/
        transition:all 0.5s linear;
        opacity: 0;
     }
     /*品牌*/
     .aside .pinpai{
         width:36px;
         height:36px;
         position: relative;
         top:20px;
     }
      .aside .pinpai span{
        width:18px;
        height:18px;
        position: relative;
        top:3px;
        left:5px;
        background-position: -84px -4px;

     }
     /*商品收藏*/
     .aside .spsc{
         position: relative;
         top:40px;
     }
     .aside .spsc span{
        width:18px;
        height:18px;
        position: relative;
        top:8px;
        left:8px;
        background-position: -127px -5px;

     }
     /*足迹*/
      .aside .zj{
         position: relative;
         top:60px;
     }
        .aside .zj span{
        width:18px;
        height:18px;
        position: relative;
        top:5px;
        left:10px;
        background-position: -170px -4px;

     }
     /*会员反馈*/
    .aside .hyfk{
         position: relative;
         bottom:-245px;
     }
        .aside .hyfk span{
        width:18px;
        height:18px;
        position: relative;
        top:10px;
        left:10px;
        background-position: -129px -93px;

     }
     /*返回顶部*/
    .aside .back{
         position: relative;
         bottom:-280px;
     }
        .aside .back span{
        width:18px;
        height:18px;
        position: relative;
        background-position: -89px -93px;
        top:0px;
        left:10px;

     }
     /*设置共有的动画*/
     /*.aside>div{
        width:36px;
         height:36px;
     }*/
     .aside>div:hover{
         background-color:#db0a76;
     }
     .aside>div:hover p{
        right:36px;
        background-color:white;
        opacity: 1;

     }


 

